import React from 'react'
import {Layout,Menu} from 'antd'
import {HomeOutlined,FileSyncOutlined} from '@ant-design/icons';
const {Sider}=Layout
export default function MySider() {
  return (
    <Sider className='siderBox'>
        <Menu 
            theme='dark' 
            mode='inline'
            defaultOpenKeys={['sub1','sub2']}
            defaultSelectedKeys={['1']}>
            <Menu.Item key="1" icon={<HomeOutlined />}>系统主页</Menu.Item>
            <Menu.SubMenu key="sub1" icon={<FileSyncOutlined />} title="系统管理">
                <Menu.Item key="2">用户管理</Menu.Item>
                <Menu.Item key="3">角色管理</Menu.Item>
            </Menu.SubMenu>
            <Menu.SubMenu key="sub2" icon={<FileSyncOutlined />} title="商品管理">
                <Menu.Item key="4">商品管理</Menu.Item>
                <Menu.Item key="5">分类管理</Menu.Item>
            </Menu.SubMenu>
        </Menu>
    </Sider>
  )
}
